body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* 基础移动端适配 */
html {
  font-size: 16px;
}

@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}


/* markdown-body 的样式，控制整体渲染效果 */
.markdown-body {
  line-height: 1.7; /* 增加行高提高可读性 */
}

.markdown-body blockquote {
  border-left: 0.25em solid #dfe2e5;
  color: #6a737d;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}

/* 行内代码样式 (区别于代码块) */
.markdown-body code:not(pre > code) {
  background-color: rgba(27, 31, 35, 0.08);
  margin: 0 5px;
  border-radius: 3px;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  padding: 0 5px;
}

/* 代码块容器 (pre 标签) 的样式 */
.markdown-body pre {
  margin-bottom: 1em; /* 代码块下方留白 */
  border-radius: 6px; /* 轻微圆角 */
  overflow: auto; /* 内容过长时显示滚动条 */
}

/* 代码块内的 code 标签 */
.markdown-body pre code {
  font-family: 'initial', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size: 1.1em; /* 稍微调整字体大小 */
  line-height: 1.5; /* 代码行高 */
  /* PrismJS 主题会处理颜色、字体样式等 */
  display: block; /* 确保代码块可以滚动 */
  white-space: pre; /* 保留空白符和换行 */
}

.markdown-body .code-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 10px;
  background-color: #62626b;
  margin: -14px;
  margin-bottom: 12px;
}

.markdown-body .code-block-header__copy {
  cursor: pointer;
  padding: 0 6px;
  transition: all 0.2s;
}

.markdown-body .code-block-header__copy:hover {
  background-color: #71787b;
  border-radius: 2px;
}
